<!--
 * @Author: your name
 * @Date: 2021-01-18 15:46:34
 * @LastEditTime: 2021-08-27 11:27:06
 * @LastEditors: dailuyu
 * @Description: In User Settings Edit
 * @FilePath: \TaskErrorManage\src\views\Home.vue
-->
<template>
  <div class="ve_home">
    <el-row>
      <el-col :span="16"><dashboard /></el-col>
      <el-col :span="8">
        <!-- <el-calendar class="ve_calendar"> </el-calendar> -->
      </el-col>
    </el-row>
    <live-chart />
  </div>
</template>

<script>
// import dashboard from "@/components/dashboard/Shortcuts";
import dashboard from "@/components/dashboard/HomePage"
// import LiveChart from "@/components/dashboard/LiveChart";

export default {
  //  components: { dashboard, LiveChart },
  components: { dashboard },
  setup() {
    return {}
  },
}
</script>

<style lang="scss" scoped>
// .ve_calendar {
//     background: #f56c6c;
//     border-radius: 10px;
//     &:hover {
//         box-shadow: 3px 3px 6px 1px rgba(0, 0, 0, 0.2);
//     }

:deep(.el-calendar__body) {
  padding-bottom: 12px !important;
  .el-calendar-day {
    height: auto !important;
  }
  .el-calendar-table td {
    border: none;
    text-align: center;
  }
}
// }
</style>
